<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
	<!-- jqueryファイルの読み込み -->
		<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery.flexslider-min.js"></script>
		<script type="text/javascript">
			$("document").ready(function(){
				$('#main-slider').flexslider({
				      animation: 'slide',
				      animationDuration: 5000,
				      slideshowSpeed: 5000,
				      controlsContainer: '.flex-container'
				});
				$.getJSON("noticeController.php", {request:"getJsonNoticeData"},
						function(json){
					for(var i=0, l=json.length; i<l; i++){
						$('#notice').append("<p class='newsTitle'><b>"+json[i].NTitle+"</b>  ["
								+json[i].NCreatedDate+"]<br /><i>"
								+json[i].NContent.replace(/\n/g, "<br />")+"</i><br />");
						$('.newsTitle i').hide();
					}
					$('.newsTitle').bind("click", function(){
						$(this).children("i").toggle();
					});
				});
				$('.slides li img').css('cursor', 'pointer');

			});
		</script>

	<!-- Target sliders individually with different properties -->

	<!-- CSSファイルの読み込み -->
		<link rel = "stylesheet" type = "text/css" href = "../css/reset.min.css" />
		<link rel = "stylesheet" type = "text/css" href = "../css/style.min.css" />
		<link rel = "stylesheet" type = "text/css" href = "../css/flexslider.css" />

		<title>ファン</title>
	</head>
	<body>
		<?php require_once 'commonHeader.php';?>
			<!-- contents -->

			<article id = "contents"  class="clear">


				<div id="main-slider" class="flexslider">
  					<ul class="slides">
  						<li>
					       <a>
					       	<img src= "../img/futurescope.jpg" height = "250" width = "740" />
					       </a>
					    </li>
  						<li>
  						   <a href="userController.php?request=showProfile&userId=takanomiya">
					       		<img src="../img/key1.jpg"  height = "250" width = "740"/>
					       </a>
					    </li>
					    <li>
					    	<a href="userController.php?request=showProfile&userId=irie00">
					       		<img src="../img/key2.jpg"  height = "250" width = "740"/>
					        </a>
					    </li>
					    <li>
					    	<a href="userController.php?request=showProfile&userId=hwang">
					    		<img src="../img/key3.jpg"  height = "250" width = "740"/>
					    	</a>
					    </li>
				    </ul>
				</div>


				<!-- news -->

				<section id = "notice" class="clear">
					<h2>NEWS</h2>

				</section>

			</article>
			<?php require_once 'commonFooter.php';?>